<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
    <title>举报</title> 
    <meta name="viewport" content="height = device-height, width=device-width, initial-scale=1, user-scalable=no">
    <link href="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.css" rel="stylesheet"> 
    	<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-base.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-box.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-color.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-res.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-style.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/layout.css">
    
	<script src="${ctxStatic}/jquery/1.11.1/jquery-1.11.1.min.js"></script>
	<script src="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#advice").change(function(){
		var file = $("#advice").val();
		if(file.replace(/\s+/g,"")==""){
			$("#hrefId").attr("href","");	
		}else{
			$("#hrefId").attr("href","${ctx}/reportSave/"+$("#shopid").val()+"-"+$("#openid").val()+"-"+file);	
		}
	});
});
</script> 	
</head>
<body class="um-vp bg-gray" ontouchstart>
 <div data-role="page" data-theme="none"> 
        <div id="page_0" class="up ub ub-ver "  tabindex="0">
            <!--header开始-->
            <div id="header" class="uh c-m3 t-wh headerbg">
                <h1 class="hbg ulev0 ut-s tx-c headerPo" tabindex="0"><a class="btnBack" href="${ctx}/shopIndex/${shopid}-${openid}" data-ajax="false"></a><span   id="headtitle">${shop.shop_name}</span><a href="" class="textReport"></a></h1>
            </div>
			<!--content开始-->
            <div id="content" class="contentC">
			    <div class="shopView borderBottom">
                	<a href="#">
                	<c:choose>
                	<c:when test="${shop.head_image eq null or shop.head_image eq '无'}">
                	<div class="shopPic"><img src="${ctx}/images/logo_kaka.png"></div>
                	</c:when>
                	<c:otherwise>
                		<div class="shopPic"><img src="${serverUrl}${shop.head_image}"></div>
                		</c:otherwise>
                	</c:choose>	
						<div class="shopInfo">
							<ul class="infoList">
								<li class="tittle">${shop.shop_name}<c:if test="${shop.shop_name eq null}">无</c:if></li>
								<li class="text_info">${shop.address}<c:if test="${shop.address eq null}">无</c:if></li>
								<li></li>
							</ul>
						</div>
                	</a>
                </div>
				<ul class="reportList">
					<li class="tittle">向卡卡举报该店</li>
					<li id="li0" onclick="setClass('0')"><a>发布色情信息</a></li>
					<li id="li1" onclick="setClass('1')"><a>发布敏感信息</a></li><!-- class="selectOn" -->
					<li id="li2" onclick="setClass('2')"><a>虚假店铺</a></li>
					<li id="li3" onclick="setClass('3')"><a>侵权</a></li>
				<li class="tittle">向店家建议<!-- ，有送卡点( ⊙o⊙ )哇 --></li>
				<li style="text-align: center;margin-right: 18px;"><input type="text" name="advice" id="advice" placeholder="输入对店家的建议（选择举报后不填此）" data-theme="a" style="text-align: center;"></li>
				</ul>
				
				
				<div class="btnArea">
					<a class="btnShare" id="hrefId" href="" data-ajax="false">提&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交</a>
					<a class="textLink" href="http://mp.weixin.qq.com/s?__biz=MzA4NDg5NDYxOQ==&mid=200553863&idx=1&sn=5a9db0c0fedada353a0ca5c248ecea7d#rd" target="_blank">了解详情</a>
				</div>
				<div class="clear10"></div>
            </div>
            <!--content结束-->
			<!--footer开始-->
            <div id="footer" class="uf c-m2 c-bla t-wh">
            </div>
            <!--footer结束-->
        </div>
        <input type="hidden" id="del" value="">
        <input type="hidden" id="openid" value="${openid}">
        <input type="hidden" id="shopid" value="${shopid}">
 </div> 
<script type="text/javascript">
function setClass(file){
	if(file==$("#del").val()){
	$('#li'+$("#del").val()).removeClass('selectOn');	
	$("#del").val("");
	$("#hrefId").attr("href","");
	}else{
	$('#li'+$("#del").val()).removeClass('selectOn');
	$("#li"+file).addClass('selectOn');
	$("#hrefId").attr("href","${ctx}/reportSave/"+$("#shopid").val()+"-"+$("#openid").val()+"-"+file);
	$("#del").val(file);
	}
}
</script>		

</body> 
</html>